    {% extends 'Reservation/base.html' %}

    {% block title %}{{ category_name }}{% endblock %}

    {% block body_block %}
   <div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<h3 class="text-center text-primary">
						Best Offers
					</h3>
				</div>
			</div>
			<div class="row">
                 {% if latestoffers %}
                     {% for offer in latestoffers %}
				<div class="col-md-4">
					<div class="thumbnail">
						<img  src="{{ offer.room.hotel.HotelImage.url }}" width="304" height="228"/>
						<div class="caption">
							<h3>
							    {{ offer.room.hotel.Name }}
							</h3>
							<p>
                                before Offer:{{ offer.room.price }}
							</p>
                            <p>
                                After Offer:{{ offer.offer.offer_discount }}
							</p>
							<p>
								<a class="btn btn-primary" href="/Reservation/offer/{{offer.id}}/ ">Details</a>
							</p>
						</div>
					</div>
				</div>
                     {% endfor %}
                {% endif %}
			</div>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-2 column">
		</div>
		<div class="col-md-6 column">
			<h3 class="text-center text-primary">
				Start Your Trip From Here.
			</h3>
            <form class="form-horizontal" role="form" action="/Reservation/Search/" method="post">
                {% csrf_token %}
                 {% for field in searchform.visible_fields %}
                 {{ field.errors }}
                 {{ field.help_text }}<br />

                {{ field }}

                <br />
            {% endfor %}

            <br />
            <!-- Provide a button to click to submit the form. -->
            <input class="btn btn-primary" type="submit" name="submit" value="Search"/>
            </form>
		</div>
		<div class="col-md-4 column">
		</div>
	</div>
    {% endblock %}